<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      window.onload = function () {
        var count = document.getElementById("count");
        for (var i = 0; i < 1; i++) {
          /**
           * JS程序的执行是速度是非常非常快的
           * 如果希望一段程序，可以每间隔一段时间执行一次，可以使用定时调用
           */
          //   count.innerHTML = i;
          // alert(s);

          /**
           * setInterval()
           *    定时调用
           *    可以将一个函数，每隔一段时间执行一次
           *     参数：
           *      1.回调函数，该函数每隔一段时间执行一次
           *      2.每次调用间隔的时间，单位是毫秒
           *
           *  返回值：
           *    返回一个Number类型的数据
           *    这个数字用来作为定时器的唯一标识
           */
          var num = 1;
          var timer = setInterval(function () {
            count.innerHTML = num++;
            if (num == 11) {
              clearInterval(timer);
            }
          }, 1000);
          /**
           * clearInterval()可以用来关闭定时器
           *   需要一个定时器的标识作为参数，这样将关闭标识对应的定时器
           */
        }
      };
    </script>
  </head>
  <body>
    <hi id="count"></hi>
  </body>
</html>
